<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    <style>
        td{
            width: 240px;
            margin-top: 40px;
            line-height: 40px;
        }
        a{
            text-decoration: none;
            color: black;
        }
        div{
            margin:0 auto;
            width: 900px;
            height: 700px;
        }
        h1{
            margin-bottom: 100px;
        }
    </style>
    </head>
    <body>
    <div>
        <h1 align="center">欢迎来到杂志类</h1>
        <h4>以下有五本书籍供您选择:</h4>
        <table>
            <tr>
                <th>书名</th>
                <th>作者</th>
                <th>出版社</th>
                <th>推荐程度</th>
            </tr>

            {% for i in name %}
            <tr align="center">
                <td><a href="#">{{i['book_name']}}</a></td>
                <td><a href="#">{{i['author']}}</a></td>
                <td><a href="#">{{i['public']}}</a></td>
                <td><a href="#">{{i['book_type']}}</a></td>
            </tr>
            {% endfor %}
        </table>
        </div>
    </body>
</html>